<ul class="layui-nav mobileTopLevelMenus" mobile>
    <li class="layui-nav-item" data-menu="contentManagement">
        <a href="javascript:;"><i class="seraph icon-caidan"></i><cite>后台管理</cite></a>
        <dl class="layui-nav-child">
            {volist name="list" id="vo"}
                <dd class="layui-this" data-menu="{$vo.mark}">
                    <a href="javascript:;">
                        <i class="layui-icon" data-icon="{$vo.icon}">{$vo.icon};
                        </i><cite>{$vo.title}</cite>
                    </a>
                </dd>
            {/volist}
        </dl>
    </li>
</ul>
<ul class="layui-nav topLevelMenus" pc>
    {volist name="list"   key="k" id="vo"}
        <?php
            if($k==1){
                $class = 'layui-this';
            }else{
                $class = '';
            }
        ?>
        <li class="layui-nav-item {$class}" data-menu="{$vo.mark}">
            <a href="javascript:;">
                <i class="layui-icon" data-icon="{$vo.icon}">{$vo.icon}</i>
                <cite>{$vo.title}</cite>
            </a>
        </li>
    {/volist}
</ul>
<script>
    //通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
    function getData(json) {
        tab.tabConfig.url = menuUrl;
        $.getJSON(tab.tabConfig.url, function (data) {
            dataStr = data[json];
            //重新渲染左侧菜单
            tab.render();
        })
    }
    //页面加载时判断左侧菜单是否显示
    //通过顶部菜单获取左侧菜单
    $(".topLevelMenus li,.mobileTopLevelMenus dd").click(function () {
        console.log(111);
        if ($(this).parents(".mobileTopLevelMenus").length != "0") {
            $(".topLevelMenus li").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
        } else {
            $(".mobileTopLevelMenus dd").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
        }
        $(".layui-layout-admin").removeClass("showMenu");
        $("body").addClass("site-mobile");
        getData($(this).data("menu"));
        //渲染顶部窗口
        tab.tabMove();
    })


</script>